<?php
include ('../../datos/general.php');
include ('../../datos/conexion.php');
include ('../../datos/storeprocedure.php');
validarSession('Admin');
$conn=obtenerConexion();
?>
	<script>
	$(function() {
		$( "#accordion" ).accordion({
			autoHeight: false,
			navigation: true
		});
	});
	$(function() {
			$( "#dialog:ui-dialog" ).dialog( "destroy" );
		$( "#dialog-confirm" ).dialog({
			resizable: false,
			autoOpen: false,
			modal: true,
			buttons: {
				"Rechazar": function() {
					$( this ).dialog( "close" );
					aprobarSolicitudEquipos(2);
					cargarSolicitudes();
				},
				"Aceptar": function() {
					$( this ).dialog( "close" );
					aprobarSolicitudEquipos(1);
					cargarSolicitudes();
				}
			}
		});
		
			$( "#dialog-confirm" ).dialog( "close" );
	});
	$(function() {
		// a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
		$( "#dialog:ui-dialog" ).dialog( "destroy" );
	
		$( "#dialog-message" ).dialog({
			modal: true,
			autoOpen: false,
			buttons: {
				Ok: function() {
					$( this ).dialog( "close" );
				}
			}
		});
	$( "#dialog-message" ).dialog( "close" );
});

	$(function(){
   		$("#campoNumeroCedula").mask("c-####-####");
	});
	
	$(function() {
		$('#campoFechaNacimiento').datepicker({changeMonth: true,changeYear: true,yearRange: '1940:<?php echo $year;?>',maxDate: '+0m +0w +0y' });
        });		
		
	mostrado=false;
	
	
	function cargarSedes(){
		<?php 
			$arreglo = obtenerSede();
			
			foreach($arreglo AS $row){
					$respuesta .= '<input type="checkbox" name="sedes" id="'.$row['idSede'].'" value="'.$row['nombreSede'].'"> '.$row['nombreSede'].'<br>';
				}
		?>
				document.getElementsByName("campoCargarSedes")[0].innerHTML='<?php echo $respuesta; ?>';
		}
	
	function cargarEscuelas(estado){
		parametros="tipo="+encodeURIComponent("cargarEscuelas")+"&estado="+encodeURIComponent(estado);
		cargar ("campoCargarEscuelas", "", "Admin/usuarios/usuarioFunciones.php", "POST", parametros, true, "");
		}
		
	function limpiarCamposRegistro(lugar){
			document.getElementById("campoNumeroCedula").value="";
			document.getElementById("campoNombre").value="";
			document.getElementById("campoPrimerApellido").value="";
			document.getElementById("campoSegundoApellido").value="";
			document.getElementById("campoFechaNacimiento").value="";
			document.getElementById("campoGradoAcademico").value="";
			document.getElementById("campoNombreUsuario").value="";
			document.getElementById("campoClaveUsuario").value="";
			if(lugar!="bd")
				document.getElementById("respuestaRegistroUsuario").innerHTML="";
		}
		
	function limpiarCamposVisualizarUsuarios(lugar){
			if(lugar!="bd")
				document.getElementById("respuestaAsociarCarreraSede").innerHTML="";
		}
	
	function registrarUsuario(){
		var cedula = document.getElementById("campoNumeroCedula").value;
		var nombre = document.getElementById("campoNombre").value;
		var primerApellido = document.getElementById("campoPrimerApellido").value;
		var segundoApellido = document.getElementById("campoSegundoApellido").value;
		var fechaNacimiento = document.getElementById("campoFechaNacimiento").value;
		var gradoAcademico = document.getElementById("campoGradoAcademico").value;
		var sexo="";
		var campoSexo=document.getElementsByName("sexo");
		//Obtener sexo.
		for(i=0;i<campoSexo.length;i++)
			if(campoSexo[i].checked)
			 sexo=campoSexo[i].value;
		//Obtener Id's de sedes donde labora.
		var nodoPadre = document.getElementsByName("sedes");
		var idSedes="";
			for(var i=0; i<nodoPadre.length; i++){
				if(nodoPadre[i].checked)
					idSedes+=nodoPadre[i].id+" ";
				}
		if(idSedes!=""){
			idSedes=idSedes.substring(0,idSedes.length-1);
			}
		//Obtener ID de la escuela donde labora.
		var seleccionEscuela=document.getElementById("campoCargarEscuelas");
		var idEscuela= seleccionEscuela.options[seleccionEscuela.selectedIndex].value;
		//Obtener tipo de usuario.
		var tipoUsuario=document.getElementById("tipoUsuario");
		var idTipoUsuario= tipoUsuario.options[tipoUsuario.selectedIndex].value;
		if(idTipoUsuario=='Administrador')
			idTipoUsuario='A';
		else idTipoUsuario='V';
		//Obtener nombre de usuario.
		var nombreUsuario=document.getElementById("campoNombreUsuario").value;
		//Obtener clave de usuario.
		var claveUsuario=document.getElementById("campoClaveUsuario").value;
		if(cedula=="" || nombre=="" || primerApellido=="" || segundoApellido=="" || fechaNacimiento=="" || gradoAcademico=="" || sexo=="" || 
		   idSedes=="" || idEscuela=="Limpio" || nombreUsuario=="" || claveUsuario=="" || idTipoUsuario=="")
		   document.getElementById("respuestaRegistroUsuario").innerHTML="Faltan datos por completar";
		else {
			parametros="tipo="+encodeURIComponent("registrarUsuario")+"&cedula="+encodeURIComponent(cedula)+"&nombre="+encodeURIComponent(nombre)+
					   "&primerApellido="+encodeURIComponent(primerApellido)+"&segundoApellido="+encodeURIComponent(segundoApellido)+
					   "&fechaNacimiento="+encodeURIComponent(fechaNacimiento)+"&gradoAcademico="+encodeURIComponent(gradoAcademico)+
					   "&sexo="+encodeURIComponent(sexo)+"&idSedes="+encodeURIComponent(idSedes)+"&idEscuela="+encodeURIComponent(idEscuela)+
					   "&nombreUsuario="+encodeURIComponent(nombreUsuario)+"&claveUsuario="+encodeURIComponent(claveUsuario)+
					   "&tipoUsuario="+encodeURIComponent(idTipoUsuario);
			cargar ("respuestaRegistroUsuario", "", "Admin/usuarios/usuarioFunciones.php", "POST", parametros, true, "");
			}
		}
	
	function mostrarTabla(){
			$(".flexme3").flexigrid({
				url : 'Admin/usuarios/usuarioCargarTabla.php',
				dataType : 'xml',
				colModel : [{ display : 'Cédula', name : 'cedula', width : 160, sortable : true, align : 'left'}, 
							{ display : 'Nombre Completo', name : 'nombreCompleto', width : 320, sortable : true, align : 'left'}, 
							{display : 'Tipo usuario', name : 'tipo', width : 80, sortable : true, align : 'left'},
							{display : 'Estado', name : 'estado', width : 80, sortable : true, align : 'left'}],
				buttons : [ {
                                name : 'Editar',
                                bclass : 'edit',
                                onpress : test
                        }],
				searchitems : [	{display : 'Cédula', name : 'cedula'},
								{display : 'Nombre Completo', name : 'nombreCompleto'}, 
								{display : 'Tipo usuario', name : 'tipo'},
								{display : 'Estado', name : 'estado'}],
				sortname : "nombreCompleto",
				sortorder : "asc",
				usepager : true,
				title : 'Usuarios registrados',
				useRp : true,
				rp : 10,
				showTableToggleBtn : true,
				width : 690,
				height : 220,
				singleSelect: true
			});
		}
		
		
		function test(com, grid) {
			var items = $('.trSelected', grid);
			if(items.length>0){
				idEditar = items[0].id.substr(3);
				var auxNombre = items[0].cells[1].innerHTML;
				auxNombre = auxNombre.substring(0,auxNombre.length-6);
				var nombre = auxNombre.split(">", auxNombre.length);
				document.getElementById("nombreEditar").innerHTML=nombre[1];
				$("#divEditar").show("slow");
				document.getElementById("editarBoton").focus();
			}
			else alert('Debe seleccionar un registro.');
			}
		
		var idEditar;
		function guardarCambios(){
			var tipoU=document.getElementById("editartipoUsuario");
			var tipo= tipoU.options[tipoU.selectedIndex].value;
			//Obtener tipo de usuario.
			var estadoU=document.getElementById("editarEstadoUsuario");
			var estado= estadoU.options[estadoU.selectedIndex].value;
			if(tipo=='Administrador')
				tipo='A';
			else tipo='V';
			if(estado=='Activo')
				estado='A';
			else estado='I';			
			parametros="tipo="+encodeURIComponent("editarUsuario")+"&idPersona="+encodeURIComponent(idEditar)+"&tipoU="+encodeURIComponent(tipo)+
					   "&estado="+encodeURIComponent(estado);
			cargar ("", "", "Admin/usuarios/usuarioFunciones.php", "POST", parametros, true, "");
			}
			
		function ocultarDiv(){
			$("#divEditar").hide("slow");
			}
	</script>

<table id="tablaContenedora">
	<tr>
    	<td  align="center">
        	<div class="demo">
				<div id="accordion">
                	<!--Visualizar Usuarios-->
                	<h3>
                    	<a href="#" onclick="ocultarDiv();$('.flexme3').flexReload();">
                        	Ver usuarios
                        </a>
                    </h3>
	                    <!-- Cargas lista de usuarios en la tabla-->   
                        <div id="listaCarreras" align="left">	
                        <table class="flexme3" style="display: none"></table>
                        <script>mostrarTabla();</script>   
                        <br />
                        <div id="divEditar" style="-moz-border-radius: 10px;-webkit-border-radius: 10px; border: 1px solid #000000; display:none" >
                        	<h3 align="center">Edite información</h3>
                        	<table id="tablaEditar" align="center">
                            	<tr>
                                	<td align="right"><strong>Usuario:</strong></td>
                                    <td id="nombreEditar"></td>
                                </tr>
                            	<tr>
                                	<td align="right"><strong>Tipo de usuario:</strong></td>
                                    <td>
                                    	<select id="editartipoUsuario">
                                        	<option id="editarTipoUsuarioAdministrador">Administrador</option>
                                        	<option id="editarTipoUsuarioProfesor">Profesor</option>
                                        </select>
                                    </td>
                                </tr>
                            	<tr>
                                	<td align="right"><strong>Estado:</strong></td>
                                    <td>
	                                    <select id="editarEstadoUsuario">
                                        	<option id="editarEstadoUsuarioActivo">Activo</option>
                                        	<option id="editarEstadoUsuarioInactivo">Inactivo</option>
                                        </select>
                                    </td>
                                </tr>
                            	<tr>
                                	<td></td>
                                	<td><button id="editarBoton" onclick="guardarCambios()">Guardar cambios</button></td>
                                </tr>
                                <tr align="right">
                                	<td colspan="2" id="respuestaEditar" style="color:#F00">
                                    </td>
                                </tr>                                                    
                            </table>
                        </div>                     
                        </div> <!-- Div listaUsuarios-->
                    <!--Registrar nuevo usuario-->
					<h3>
                    	<a href="#" onclick="limpiarCamposRegistro('');cargarSedes();cargarEscuelas('0');">
							Registrar nuevo usuario
                        </a>
					</h3>
						<div id="registroUsuario">
                        	<table>
                            	<tr>
                                	<td align="right">
                                    	 Número de cédula:
                                    </td>
                                    <td style="color:#F00">
                                    	<input type="text" id="campoNumeroCedula"/>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                                <tr>
                                	<td align="right">
                                    	 Nombre:
                                    </td>
                                    <td style="color:#F00">
                                    	<input type="text" id="campoNombre"/>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                                <tr>
                                	<td align="right">
                                    	 Primer apellido:
                                    </td>
                                    <td style="color:#F00">
                                    	<input type="text" id="campoPrimerApellido"/>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                                <tr>
                                	<td align="right">
                                    	 Segundo apellido:
                                    </td>
                                    <td style="color:#F00">
                                    	<input type="text" id="campoSegundoApellido"/>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                                <tr>
                                	<td align="right">
                                    	 Fecha de nacimiento:
                                    </td>
                                    <td style="color:#F00">
                                    	<input type="text" id="campoFechaNacimiento"/>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                                <tr>
                                	<td align="right">
                                    	 Grado académico:
                                    </td>
                                    <td style="color:#F00">
                                    	<input type="text" id="campoGradoAcademico"/>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                                <tr>
                                	<td align="right">
                                    	Sexo:
                                    </td>
                                    <td>
                                    	<input type="radio" name="sexo" value="M" id="campoMasculino">M <br />
                                        <input type="radio" name="sexo" value="F" id="campoFemenino">F 
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                                <tr>
                                	<td align="right">
                                    	Sede donde labora:
                                    </td>
                                    <td name="campoCargarSedes">
	                                    
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                                <tr>
                                	<td align="right">
                                    	Escuela donde labora:
                                    </td>
                                    <td>
                                    <select id="campoCargarEscuelas" name="campoCargarEscuelas"></select>                                    
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                                <tr>
                                	<td align="right">
                                    	Tipo usuario:
                                    </td>
                                    <td>
                                    	<select id="tipoUsuario">
                                        	<option id="tipoUsuarioAdministrador">Administrador</option>
                                        	<option id="tipoUsuarioProfesor">Profesor</option>
                                        </select>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                                <tr>
                                	<td align="right">
                                    	Nombre de usuario:
                                    </td>
                                    <td>
                                    	<input id="campoNombreUsuario"/>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                                <tr>
                                	<td align="right">
                                    	Clave de usuario:
                                    </td>
                                    <td>
                                    	<input id="campoClaveUsuario" type="password"/>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                            	<tr align="right">
                                	<td colspan="2">
	                                    <button onclick="registrarUsuario();">Registrar</button>
                                    </td>
                                </tr>
                                <tr align="right">
                                	<td colspan="2" id="respuestaRegistroUsuario" style="color:#F00">
                                    </td>
                                </tr>
                            </table>
						</div><!-- Div registroUsuario-->
				</div><!-- Div acordion -->
			</div><!-- Div demo -->
		</td><!-- columna contenedora -->
	</tr><!-- fila contenedora -->
</table><!-- Tabla contenedora -->